<!DOCTYPE html>
<html lang="en" style="font-size: 100px;background-color:white">
<head>
    <meta charset="UTF-8">
    <title>人脉中心</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="Cache-Control" content="private">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">

    <link rel="stylesheet" href="/static/home/mobile/css/bootstrap.css">
    <link rel="stylesheet" href="/static/home/mobile/css/font-awesome.min.css">
    <link href="/static/home/mobile/css/reset_5.css" rel="stylesheet" type="text/css" />
    <link href="/static/home/mobile/css/style.css?v=21019" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/static/home/mobile/css/new_page.css?v=2" />
    <link rel="stylesheet" href="/static/home/mobile/css/swiper.min.css" />
    <link rel="stylesheet" href="/static/home/mobile/js/index/flexslider.min.css" />
    <link rel="stylesheet" href="/static/home/mobile/js/index/index.css?v=1">
    <link rel="stylesheet" href="/static/plugins/dialog/css/dialog.css" />
    <link rel="stylesheet" href="/static/home/mobile/css/mui.min.css">


    <script src="/static/home/mobile/js/jquery.min.js"></script>
    <script src="/static/home/mobile/js/mui.min.js"></script>
    <link rel="stylesheet" href="/static/home/mobile/js/index/index.css?v=1">
    <style>
        html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
            margin: 0;
            padding: 0;
        }
        html{
            font-size: 100px;
        }
        fieldset, img {
            border: none;
        }

        address, caption, cite, code, dfn, th, var {
            font-style: normal;
            font-weight: normal;
        }
        ul, ol {
            list-style: none;
        }
        body {
            font: 12px/20px "微软雅黑", "SimSun", "宋体", "Arial Narrow", HELVETICA;
            overflow-x: hidden;
        }
        i {
            font-style: normal;
        }
        a{
            color: #666;
            text-decoration: none;
        }

        a:link{
            color: #666;
        }

        a:visited {
            color: #666;
        }
        a:hover, a:active, a:focus {
            /*color: #f96a22;*/
            color: #666;
            /*text-decoration: underline;*/
        }
      #footer-bar li b {
    font-weight:normal
}

        a,a:hover,a:active,a:visited,a:link,a:focus{
            -webkit-tap-highlight-color:rgba(0,0,0,0);
            -webkit-tap-highlight-color: transparent;
            outline:none;
            background: none;
            text-decoration: none;
        }

        input {
            outline: none
        }
        .shade {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, .5);
            display: none;
        }
        button {
            outline: none;
        }
        .header{
            display: flex;
            justify-content: space-between;
            background-color: #f96a22;
            align-items: center;
            width: 100%;
            height: .88rem;
            padding: 0 .24rem;

            box-sizing: border-box;
        }

        .header-left{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
        }

        .left-itme{
            color: #f96a22;
            margin-right: .14rem;
            font-size: 16px;
            position: relative;
        }

        .select-header{
            color: #f96a22;
            font-weight: bold;
        }

        .right{
            position: relative;
            width:90%;
            margin:0 auto;
        }

        .right input{
            width: 100%;
            height: .48rem;
            padding-left: .56rem;
            border: 1px solid rgba(0,0,0,.1);
            border-radius: .40rem;
            box-sizing: border-box;
        }

        .search-img {
            width: .38rem;
            height: .38rem;
            position: absolute;
            top: .22rem;
            left: 6%;
        }
        .content{
          background-color:white;}
        input::-ms-input-placeholder{
            font-size: 14px;
            color: #999;
        }
        input::-webkit-input-placeholder{
            font-size: 14px;
            color: #999;
        }
      .mui-scroll-wrapper{
        background-color:white;
        width:95%;
        left:0.1
      }

        .tab-wrap {
            width: 100%;
            height: .68rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: .14rem 0;
            border-top: 1px solid rgba(0,0,0,.05);
            position: relative;
          background-color:white;
        }

        .tab-wrap .tab-item{
            width: 50%;
            height: 100%;
            font-size: 16px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

        .tab-title{
            width: 100%;
            height: .68rem;
            line-height: .68rem;
            text-align: center;
            border-right: 1px solid rgba(0,0,0,.08);
            position: relative;
        }
      .tab-title-one{
            border-top-color:#FFAB42 !important;
            color: #FFAB42 !important;
      }
        .tab-title::after{
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent ;
            border-top-color:#B0B0B0 ;
            position: absolute;
            top: .3rem;
            margin-left: .08rem;
            color:#FFAB42 !important;
        }

        .tab-wrap .tab-item .tab-list{
            width: 100%;
            margin-top: -8px;
            position: absolute;
            top: .68rem;
            left: 0;
            background: white;
            border-top: 1px solid rgba(0,0,0,.08);
            box-shadow: 0 .05rem .05rem rgba(0,0,0,.03);
            z-index: 100000;
        }

        .tab-wrap .tab-item .tab-list li {
            width: 100%;
            line-height: .48rem;
            color: #666;
            padding: .14rem .24rem;
            border-bottom: 1px solid rgba(0,0,0,.08);
            box-sizing: border-box;
        }

        .tab-wrap .tab-item .tab-list li a{
            display: block;
            width: 100%;
            line-height: .48rem;
        }

        .tab-wrap .tab-item .tab-list .tab-select{
            color:#FFAB42;
            font-weight: bolder;
            background-image:url('/static/home/mobile/images/select-ordercat.png');
            background-size:6%;
            background-repeat:no-repeat;
            background-position:right center;
        }

        .cueText{
            text-align: center;
            font-size: 14px;
            color: #666;
        }

        #downRefresh{
            width: 100%;
            height: 80vh;
        }

        .hidetr{
            display: none;
        }
        .pull-loading {
            text-align: center;
            height: 40px;
            line-height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #scroller ul li {
            padding: 20px 10px;
            border-bottom: solid 1px #ccc;
            background: #fff;
        }
        .hidetr{
            display: none;
        }
        .mui-pull-caption{
            text-align: center;
        }
        .mui-scroll-wrapper{
            top:3.9rem;
            bottom:63px;
            left:0.15rem !important;
        }
        .right input{
            margin-bottom: 7px;
            margin-top: 7px;
        }
      .mui-scrollbar {
                     display: none !important;
        }
        .img-home{
            width: 100%;
            height: auto;
        }
        .span_alink{
            position: relative;
            width: 100%;
            height: 100%;
            background-color: red !important;
            display: block;
            margin: 0 auto;
            vertical-align: middle;
            text-align: center;
            clear: both;
        }
        .span_alink span{
            display: block;
            color: white;
            font-size: 14px;
            line-height: 35px;
            text-align: center;
        }
        .list-id-span{
            color:#999999;
            font-size:12px;
            margin-left: 5px;
          }
          .yellow-new{
            background:#FFF3E3;
            color:#FE9401 !important;
            border-color:#FFF3E3 !important;
          }
          .blue-new{
            background:#E0F2FE;
            color:#1FA5FF !important;
            border:0px !important;
          }
          .red-new{
            background:#ffffff !important;
            border-color:#FECB9D !important;
            color:#FE7E24 !important;
          }
          .red-new img{
             width:15px;
             height:15px;
             line-height:18px;
             margin-right:5px;
          }

      .back {
            float: left;
            background: url(/static/home/mobile/images/return.png) no-repeat;
            background-size: 9px 21px;
            margin-top: 20px;
            height: 37px;
            width: 37px;
        }

 .top-task{
    background:#f96a22;
        position: relative;
        height:50px;
        z-index:110;
 }
 .top-task li {
    position: relative;
    width: 16%;

    color:#ffffff;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 17px;
    text-align: center;
}
 .top-task li.active {
    width: 16%;
    margin-left: 4.5%;
    margin-right: 4.5%;
    border-bottom: 2px solid #f96a22
    background:none;
}

 .top-task2{
    background:#fff;
        position: relative;
        height:50px;
    border-bottom:1px solid #eee;
            z-index:110;
 }
 .top-task2 li {
    position: relative;
    width: 16%;
    margin-left: 2%;
    margin-right:2%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 17px;
    text-align: center;
}
 .top-task2 li.active {
/*     border-bottom: 2px solid #f96a22; */
    background:none;
    color:#f96a22;
}

 .top-task3{
    background:#fff;
    position: relative;
    position:fixed;
    top:100px;
    left:0;
    z-index: 100;
    width:100%;
    border-bottom:1px solid #eee;

    z-index:110;
 }

 .top-task3 li {
    background:#fff;
    position: relative;
    width: 16%;
    margin-left: 4.5%;
    margin-right: 4.5%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 17px;
    text-align: center;
}

 .top-task3 li.active{
    color:#f96a22;
    border-bottom:2px solid #f96a22;
 }
 .top-task3 li.active:after {
    content:'√';
}

.gp-more-department{line-height:1.5;  }
.gp-more-department h2{height:3em;padding:0 1em;line-height:3;font-size:14px}
.gp-more-department .dept-list{overflow:hidden;background:#fff;border-bottom:1px solid #F2F2F2;width:100%;}
.gp-more-department .dept-list li{float:left;width:33.3%;border-right:1px solid #F2F2F2;margin-right:-1px;border-bottom:1px solid #F2F2F2;margin-bottom:-1px;padding:10px;}
.gp-more-department .dept-list li a{display:block;padding:2px 0px 2px 2px;color:inherit; }
.gp-more-department .dept-list li .icon{display:block;margin:0 auto 0px;width:30px;height:30px;padding-bottom:15%;background-size:100% 100%;-webkit-filter: drop-shadow(#f7f7f7 1px 2px);filter: drop-shadow(#f7f7f7 1px 2px); } 
.gp-more-department .dept-list li.active{display:block;  color:#F00; font-weight:bold}


.gp-more-department .dept-list li h3{text-align:center;font-size:14px;font-size:14px}

.gp-more-department2{line-height:1.5; top:40px; position:fixed; width:100%; z-index:99999 }
.gp-more-department2 h2{height:3em;padding:0 1em;line-height:3;font-size:14px}
.gp-more-department2 .dept-list2{overflow:hidden;background:#fff;border-bottom:1px solid #F2F2F2}
.gp-more-department2 .dept-list2 li{float:left;width:25%;border-right:1px solid #F2F2F2;margin-right:-1px;border-bottom:1px solid #F2F2F2;margin-bottom:-1px}
.gp-more-department2 .dept-list2 li.active{float:left;width:25%; background:#68cc4a; color:#FFF}
.gp-more-department2 .dept-list2 li a{display:block;  line-height:30px;color:inherit; font-size:12px}
.gp-more-department2 .dept-list2 li .icon{display:block;margin:0 auto 5px;width:25%;padding-bottom:25%;background-size:100% 100%;-webkit-filter: drop-shadow(#f7f7f7 1px 2px);filter: drop-shadow(#f7f7f7 1px 2px); }
.gp-more-department2 .dept-list2 li h3{text-align:center; font-size:12px}


@media screen and (max-width: 320px) {
    .mui-scroll-wrapper{top:4.9rem;}
}


</style>

</head>
<body>

<div class="top-task" >
    
    
    
        <ul class="zh-tab-tit" >
            <li  style="width:25%;padding-left:25px;">
                <a   class="back" style="background:url(/static/home/mobile/images/return.png) no-repeat;background-size: 9px 21px;"></a>
            </li>
        
            <li class="libg"  style="width:50%;">人脉中心</li>
            <li id="pass" class="libg" style="width:25%;">
                    <span style="display:inline-block;margin-top:8px;" onclick="$('#search').show();$('#center').hide()">
                           <svg t="1568008558318" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1980" width="26" height="26"><path d="M882.6369 904.308991 730.351542 708.192358c7.884574-6.656607 15.529695-13.647835 22.890336-21.0095 33.348526-33.350572 59.533908-72.194252 77.8296-115.453499 18.948561-44.803415 28.555359-92.378967 28.555359-141.40659 0-49.021483-9.607822-96.593965-28.556383-141.393287-18.295692-43.256176-44.481074-82.09781-77.828576-115.446335S681.053766 113.948215 637.797589 95.652524C592.99929 76.703963 545.429879 67.096141 496.409418 67.096141c-49.021483 0-96.593965 9.607822-141.394311 28.556383-43.256176 18.295692-82.098833 44.482097-115.446335 77.830623-33.348526 33.347502-59.533908 72.189136-77.830623 115.446335-18.948561 44.800345-28.556383 92.371804-28.556383 141.393287 0 49.027623 9.607822 96.603175 28.556383 141.40659 18.295692 43.259246 44.481074 82.10395 77.8296 115.453499 33.347502 33.349549 72.189136 59.536978 115.446335 77.833693 44.800345 18.948561 92.371804 28.556383 141.394311 28.556383 49.019437 0 96.590895-9.608845 141.389194-28.557406 12.920264-5.465478 25.436322-11.649318 37.541011-18.502399l154.415882 198.860117c11.339256 14.603603 31.987528 17.545608 46.119387 6.572696l1.705851-1.325182C891.713626 939.6458 893.977179 918.912593 882.6369 904.308991zM496.409418 732.173538c-166.428473 0-301.82928-135.410016-301.82928-301.851792 0-166.428473 135.399783-301.828256 301.82928-301.828256 166.423357 0 301.818023 135.399783 301.818023 301.828256C798.228465 596.763522 662.832775 732.173538 496.409418 732.173538z" p-id="1981" fill="#ffffff"></path></svg>
                    </span>
            </li>
        </ul>


    <div class="right" id="search" style="display:none;width:100%;padding-left:5%;padding-right:5%;">

        <img class="search-img" src="/static/search_1.png" alt="" onclick="javascript:document.keyform.submit()">
        <form id="search_form" action="/home/connection/index" name="keyform">
            <input type="text" placeholder="ID、关键字" style="width:87%;height:37px;" name="keyword">
        </form>
        <span onclick="$('#center').show();$('#search').hide();" style="position:absolute;width:10%;right:5%;text-align:center;top:15px;color:#ffffff;font-size:16px;">
            取消
        </span>
    </div>

    </div>



<div class="GJ_Gp gp-more-department">
        <ul class="dept-list">
            <li {if $type == 1} class="active" {/if}> <a href="/home/connection/index/type/1"> <i class="icon" style="background-image: url(/static/wx.png);"></i> <h3>个人微信</h3> </a> </li>
            <li {if $type == 2} class="active" {/if}>  <a href="/home/connection/index/type/2" monitor="sp_div"> <i class="icon" style="background-image: url(/static/qun.png);"></i> <h3>微信群</h3> </a> </li>
            <li {if $type == 5} class="active" {/if}> <a href="/home/connection/index/type/5" monitor="sp_div"> <i class="icon" style="background-image: url(/static/ws.png);"></i> <h3>微商货源</h3> </a> </li>
            <li {if $type == 3} class="active" {/if}> <a href="/home/connection/index/type/3" monitor="sp_div"> <i class="icon" style="background-image: url(/static/xcx.png);"></i> <h3>小程序</h3> </a> </li>
            <li {if $type == 4} class="active" {/if}> <a href="/home/connection/index/type/4" monitor="sp_div"> <i class="icon" style="background-image: url(/static/gzh.png);"></i> <h3>公众号</h3> </a> </li>
            <li {if $type == 6} class="active" {/if}> <a href="/home/connection/index/type/6" monitor="sp_div"><i class="icon" style="background-image: url(/static/qq.png);">  </i> <h3>QQ群</h3></a></li>
        </ul>

    </div>
    
        <div style="width:100%;  height: 40px; background: #f7f7f7">
            <div style="width: 50%;  float: left; color: red; line-height: 40px; height: 40px;"><a href="/Index/contentshow/id/199" style="color:#3f96d4 !important; clear: both; padding-right: 3px; padding-left: 10px; line-height: 40px;display:none;">防骗说明</a>
            </div>

            <div style=" float: right;color: red; padding-right: 5px; text-align: right; line-height: 40px; height: 40px;"><a href="/home/connection/select" class="upcode" style="   background:#f14e41; color: #fff; border-radius: 2px; padding: 3px;">发布二维码</a></div>
            <div style=" margin-right: 5px; float: right;color: red;  text-align: right; line-height: 40px; height: 40px;display:none;"><a href="/Index/addjiafen" style="background:#b36100; color: #fff; border-radius: 2px; padding:3px;">自动刷新</a></div>
        </div>
    
    


<div style="clear:both;"></div>

<script>
var paixu='{$paixu|default=0}'
var type='{$type|default=0}';
var page=2;


    function set_category(e){
        page=1
        event.stopPropagation()
        var category_ids=$("#category_ids").val();
        var category_id=$(e).data('id')
   
        if(category_ids){
            category_ids_arr=category_ids.split(',')
        }else{
            category_ids_arr=[];
        }

      
            let is_in=false;
            let index='';
            for(var i = 0; i < category_ids_arr.length; i++){
                if(category_id === category_ids_arr[i]){
                    index=i;
                   is_in=true;
                }
            }
            if(is_in){
                category_ids_arr.splice(index,1)
                $('#category_ids').val(category_ids.join(','))
            }else{
                $('#category_ids').val(category_ids +',' + category_id)
            }

        $(e).toggleClass('active')
    }


    function set_paixu(e){
        page=1;
        paixu=$(e).data('id');
        $(e).siblings().removeClass('active')
        $(e).addClass('active')
        pulldownRefresh()
        //location.href='/home/task/index/type/{$type|default='0'}/category_ids/'+$('#category_ids').val()+'/paixu/'+val
    }

    function task_submit(){
        page=1
        set_type()
        pulldownRefresh()
        //location.href='/home/task/index/type/{$type|default='0'}/category_ids/'+$('#category_ids').val()
    }
    function reset(){
        page=1
        $('#category_ids').val(0);
        $('.top-task3 li').removeClass('active')
    }
</script>


 
<input type="hidden" name="type" value="{$type}" >
<input type="hidden" name="keyword" value="{$keyword}" >


<div class="content" id="wrapper">


  <div class="clear"></div>
    {if !empty($tasks)}
    <div class="list-block">
        <div  class="mui-content mui-scroll-wrapper" id="pullrefresh" style="left:0.1">
            <div class="mui-scroll">
        <ul id="lists">
            {volist name="tasks" id="task" key="k"}
            <li  style="height: 100px;">
                <a href="/home/connection/detail/connection_id/{$task['connection_id']}.html" class="userlogo"><img src="{$task['photo']}" alt=""></a>
              
				 <a href="/home/connection/detail/connection_id/{$task['connection_id']}.html" >
                    <div class="subtitle" style="font-size: 15px;font-weight: bold;height: 20px;overflow:hidden;">
                    	{if $task['is_top']} <span class="blue-new"> 置顶</span> {/if}
                    	{if $task['refresh_time']} <span class="red-new"> 刷新</span> {/if}
                    	{$task['title']}
                    </div>
               
                    <div class="keywords" style="margin-top: 10px;margin-bottom: 10px;height:26px;overflow:hidden;">
                        <span class="yellow-new">{$task['introduce']}</span>
                       
                         <span class="red-new" onclick="alert(1)" style="position: absolute;right:0;margin-right: 0px;display:none;" >添加</span>
                  </div>
                    <div class="desc" >
                      <span> <i style="color:#FF6B04;"> 曝光次数：{$task['click']|abs}</i></span>　
                  </div>
            	</a>
            </li>
            {/volist}
        </ul>
    </div>
        </div>
    </div>
    <div class="clear"></div>
    {/if}
</div>



<style>
    #showcode{ width: 100%; height: auto;position: fixed;   background:#FFF; bottom: 0; left:0;  z-index: 99008; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; display: none; margin:0 auto;border-top:1px solid #f5f5f5;}
#showcode .imgshow{ margin:20px auto; margin:0 auto}
#showcode .imgshow img{ height:auto; max-height:300px; width:auto} 
#showcode .imgshow .close a{width:30px;height:30px;display:inline-block;float:right;position:absolute;right:2px;top:3px}
#showcode .fontcss{ width: 100%;height:auto; background-color:#fff;text-align:left;padding:10px 5px;font-size:13px;box-shadow:0 0 3px #fff}
</style>

<div id="showcode" style="display: none;">
        <div class="imgshow">
            <span class="close" onclick="close_detail()"><a href="javascript:;"  class="closebtn"><img src="/static/home/mobile/images/close01.png"></a></span>
            <img src="http://qiniu.weizhongbang.net/91ac6202001231816445953.ico" id="showimg" style="box-shadow: 0px 0px 3px #fff">
            <div class="fontcss">
                <font style="color: #33CC66; margin-top: 3px;">1、长按识别或保存到相册扫码<br>2、添加时请注明来自：<b>全民推</b><br>3、陌生人聊天注意财产安全,谨防受骗</font>
            </div>
        </div>
    </div>
    
    
    



{include file='common/ufooter'}

 <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
 

 <script>
    
    function close_detail(){
        alert(11)
        $('#showcode').hide();
    }
 
    $('.red-new').on('click',function(){
    
        alert(44)
        $('#showcode').show();
        
/*          layer.open({
              type: 1,
              title: '',
              closeBtn: 1,
              shadeClose: true,
              skin: 'haibao',
              content:`
              
              <img  src="`+  images.src  +`">
              <div style="font-size:18px;text-align:center;width:100%;"> 长按保存图片</div>
              `
            });*/
    })
 </script>
 

<script>
$('.back').attr('href',document.referrer)
var type="{$type}"
var page=2;

  mui('body').on('tap','a',function(){document.location.href=this.href;});
    mui.init({
        pullRefresh: {
            container: '#pullrefresh',
            down: {
                 callback: pulldownRefresh
            },
            up: {
                 contentnomore:'没 有 更 多 数 据 了',
                contentrefresh: '正在加载...',
                callback: pullupRefresh
            }
        },
    });

    var count = 0;
    /**
     * 上拉加载具体业务实现
     */

    function pullupRefresh() {

               $.get('/home/connection/index/page/'+page+'/type/'+type, function(res){

                    if(res){
                        page+=1;
                        $('#lists').append(res)
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh();
                    }else{
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
                    //    mui('#pullrefresh').pullRefresh().endPulldown();
                    }
                    
               })
    }


    function pulldownRefresh(){
                $('#lists').html('')
                $('.mui-scroll').css('transform',"translate3d(0px, 0px, 0px) translateZ(0px)")
            $.get('/home/connection/index/page/1/type/'+type, function(res){

                if(res){
                    page=2;
                    $('#lists').html(res)
                    

                    mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //完成刷新
                }else{

                }

      　document.getElementById('#lists').scrollTop = 0;

               })
    }
</script>
<script>
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if(clientWidth>=640){
                    docEl.style.fontSize = '100px';
                }else{
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                }
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>

<script>

    function set_type(){
        $('.down').toggle();
        $('.up').toggle();
    }
    $('.header-left').find('.left-itme').on('click', function(event) {
        event.stopPropagation();
        $(this).addClass('select-header').siblings().removeClass('select-header');
        var header_index = $(this).index();
     
    });

    $('.tab-item').find('.tab-title').on('click', function(event) {
        event.stopPropagation();
        if($(this).next().is(':hidden')){
            $(this).next().show();
        }else{
            $(this).next().hide();
        }
        $(this).parent().siblings().find('ul').hide();
    });



/*    $(document).on('click', function(event) {
        $('.tab-list').hide();
    });*/
    $('.tab-list').find('li').on('click',function() {
        event.stopPropagation();
        $(this).addClass('tab-select').siblings().removeClass('tab-select');
        $(this).parent().hide();
        var li_index = $(this).index();
        
    });
</script>
     <script type="text/javascript" src="/static/home/mobile/js/swiper.min.js"></script>
<script>
    new Swiper("#toutiao", {
    direction: "vertical",
    autoplay:2000
});
</script>
</body>
</html>